<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/core.css"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="vendor/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript">
		$(function(){
			$('.i5-content > li').mouseover(function(e) {
				$(this).siblings().stop().fadeTo(500,0.4);
			});
			$('.i5-content > li').mouseout(function(e) {
				$(this).siblings().stop().fadeTo(500,1);
			});
		})
		</script>

	</head>

	<body>
		<!--<div class="header">
			<div class="logo">
				<img src="img/02-01_02.jpg" />
			</div>
			<div class="nav1">
				<ul class="nav">
					<li>WHAT WE DO</li>
					<li>OUR WORK</li>
					<li>CLIENTS</li>
					<li>TEAM</li>
					<li>OFFICES</li>
					<li>EXPERIMANTES</li>
				</ul>
			</div>
			<div class="XL">
				<img src="img/XL.png" />
			</div>
		</div>-->
		<header class="jw-header">
			<nav class="jw-header-nav">
				<div class="jw-hide-nav">	
					<div class="jw-hide-nav-middle">
						<img width="40px" height="40px" src="img/XL.png" />
					</div>
					
				</div>
				<ul class="jh-nav-list">
					<li class="jh-nav-logo">
						
					</li>
					<li>
						<a href="index1.html">WHAT WE DO</a>
					</li>
					<li>
						<a href="index2.html">OUR WORK</a>
					</li>
					<li>
						<a href="index3.html">CLIENTS</a>
					</li>
					<li>
						<a href="index4.html">TEAM</a>
					</li>
					<li>
						<a href="index5.html">OFFICES</a>
					</li>
					<li>
						<a href="index6.html">EXPERIMANTES</a>
					</li>
															
				</ul>
			</nav>
		</header>
		<section class="i5-content">
			<div class="i5-change">
			<ul class="i5-img-list">
				<li class="example1">
					<a href=""><img src="img/i5-1.jpg"/></a>
					<span class="intro1"> SUNGLASS FACTORY
						
					</span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-2.jpg"/></a>
					<span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-3.jpg"/></a>
				    <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-4.jpg"/ class="first"></a>
				   <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-7.jpg"/></a>
				   <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-4.jpg"/></a>
				    <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-8.jpg"/ class="first"></a>
				  <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-9.png"/></a>
				    <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-10.jpg"/></a>
				   <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-11.jpg"/></a>
				    <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-12.jpg"/></a>
				    <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
				<li class="example1">
					<a href=""><img src="img/i5-13.jpg"/ class="first"></a>
				   <span class="intro1"> <p>SUNGLASS FACTORY</p> </span>
				</li>
			</ul>
			</div>
			<div class="nav-right">
			<div><img src="img/DH.png"/></div>
			<div><img src="img/YJ2.png"/></div>
			<div><img src="img/freng.png"/></div>
			<div><img src="img/come.png"/></div>
		</div>
		</section>
		<div class="foorter">
			<div class="foorter-nav">
			<div class="copyright">
				Copyright © 2013 VISUAL Box. All Right Reserved
			</div>
			<div class="copyright2">
				<img src="img/02-01_07.png" />
			</div>
			</div>
		</div>		
	<script type="text/javascript" src="vendor/sHover.min.js" ></script>
	<script type="text/javascript">
		var example1=new sHover("example1","intro1");
	</script>
	</body>
</html>